<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // ①navigator.appName：获取浏览器的名称
        console.log(navigator.appName);
      // ②navigator.appVersion：取得浏览器的平台和版本信息
        console.log(navigator.appVersion);
      // ③navigator.userAgent：得到浏览器用于HTTP请求的用户代理头的值
      console.log(navigator.userAgent);
      if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
      console.log("这是谷歌浏览器");
    } else if (navigator.userAgent.toLowerCase().indexOf("trident") >= 0) {
      console.log("这是IE浏览器");
    } else {
      console.log("其他浏览器");
    }
    </script>
  </body>
</html>
